<template>
  <text-form :config="formConfig" :model="formData" :columns="5">
    <template v-slot:img="item"
      ><div>{{ item }}</div></template
    >
    <template v-slot:abc><div>123</div></template>
  </text-form>
</template>
<script setup>
import textForm from './component/index.vue'
import { ref } from 'vue'
let formConfig = ref([
  { label: '标题', type: 'header' },
  {
    label: '',
    prop: 'a',
    span: 12,
    prefixUnit: '(年月日)',
    labelSuffix: '',
    prefixText: '公里'
  },
  {
    label: '详细说明',
    prop: 'detail',
    span: 24,
    labelSuffix: '',
    prefixText: '公里'
  },
  { label: '最近报警时间', labelSuffix: '#', prop: 'a', suffixText: '属虎' },
  { label: '最近', prop: 'a', span: 6 },
  { label: '标题', type: 'header' },
  {
    label: '测试名字slot',
    type: 'slot',
    span: 24
  },
  {
    label: '照片2222',
    type: 'slot',
    slotName: 'img',
    span: 24
  },
  {
    label: '上传',
    type: 'upload',
    listType: 'avater',
    span: 24
  },
  {
    label: 'ddd',
    type: 'slot',
    slotName: 'abc',
    span: 24
  },
  {
    label: '地图',
    type: 'map',
    slotName: 'abc',
    span: 24
  }
])
let formData = ref({
  a: '2021-10-21 10:23:46',
  detail:
    '最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间最近报警时间'
})
</script>
